<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .mv{
            width:300px;

            transition:transform 2s;

            /*更改旋转中心点*/
           /* transform-origin:right bottom ;方位名词*/
            /*横坐标，纵坐标*/
            /*transform-origin:0% 50%;*/
            transform-origin:50px 50px;
        }
        .mv:hover{
            transform:rotate(45deg);
        }
    </style>

</head>
<body>
<img class="mv" src="/static/w2/images/1.jpg">
</body>
</html>